<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script  src="../js/jquery-3.3.1.min.js"></script>
		 <!--
	 Dom操作:
	   1: 内容操作
	      1: html(): 获取/设置元素的[标签体]内容;若标签内含子标签则子标签也能获取
	      2: text(): 获取/设置元素的标签体[纯文本]内容
	      3: val():  获取/设置元素的value属性值


		 -->
		<script>

			$(function () {
                // 获取myinput 的value值
				//var value = $("#myinput").val();
				//alert(value);    打印的值为张三
                //$("#myinput").val("李四");  若设置参数,则李四将会代替张三的值
                // 获取mydiv的标签体内容
				//var html = $("#mydiv").html();
				//alert(html);  空参的时候打印的值为: <p><a href="#">标题标签</a></p>
                //$("#mydiv").html("<p>aaaa</p>");  设置参数的话 该参数将会代替<p><a href="#">标题标签</a></p>
                // 获取mydiv文本内容
                //var text = $("#mydiv").text();
                //alert(text);  打印的值为"标题标签",text只能打印纯文本内容
                $("#mydiv").text("bbb");

            });

		</script>
		
	</head>
	<body>
		<input id="myinput" type="text" name="username" value="张三" /><br />
		<div id="mydiv"><p><a href="#">标题标签</a></p></div>
	</body>
</html>
